<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<div id="root">
			<h2>事件处理</h2>
			<button v-on:click="showMsg">点击提示信息</button>
			<button @click="showMsg">点击提示信息(不传参)</button>
			<button @click="showMsg2(100,$event)">点击提示信息(传参)</button>
		</div>
	</body>
	<script type="text/javascript">
		Vue.config.productionTip = false
		new Vue({
			el:'#root',
			data:{
				
			},
			methods:{
				showMsg(event){
					//console.log(event.target.innerText)
					// console.log(this)//此处的this是vm
					alert('提示信息')
				},
				showMsg2(number,event){
					console.log(number)
					console.log(event)
					alert('提示信息2')
				}
				// methods没有数据代理，因为函数的主体是被调用的，不需要读写
			}
		})
	</script>
</html>